const path = require('path');
module.exports = {
    /*
        mode可以设置打包的模式: 
            - production表示生产模式,
            - develpment表示开发模式
        output可以设置打包后文件的地址
    */ 
    mode:'production',
    output: {
        /*
            有的时候可能会有多个打包后的文件，比如上节课我们说道entry可以设置为一个对象
            去指定每个文件打包后的名字，这个时候我们可以把filename设置为[name].js，这样就会自动适应entry中设置的名字
            其实[name]就是一个变量的概念，除了[name]，还有[id],[hash]，他们其实都是webpack自动帮你生成一个独一无二的标识用作区分
            比如vue中，打包后的js文件就会有这种特性，好多都命名为index-xxxxxxx-xxx.js，用作代码版本区分
            你也可以filename:[name]-[id]-[hash].js这样去设置，但是一般情况下我们都是打包为一个文件，所以很多时候这个东西无需配置的这么复杂

            如果你也想给每次打包的js文件做个版本区分，可以将clean设置为false，然后filename:[name]-[id]-[hash].js, 这样就实现了这个功能
        */  
        filename:'main.js',//打包后的文件名
        clean:true,//打包前是否自动清空上次打包后的dist目录
        path:path.resolve(__dirname,'dist2'),//打包后的目录，注意必须要绝对路径! ! !
    },
}